<script setup lang="ts">

</script>

<template>
  <el-card class="box-card">
    <h1 style="text-align: center">土壤、固体废物 液相色谱法分析原始记录（B面）</h1>
    <div>SXLPHJ/JL/CX-22-84</div>
    <table class="table">
      <tr>
        <td colspan="13" style="text-align: center;">溶液配制
        </td>
        <td colspan="8" style="text-align: center;">校准曲线配制</td>
      </tr>
      <tr style="background-color: #f2f2f2">
        <td style="width: 6%;" colspan="1">序号</td>
        <td style="width: 6%;" colspan="2">标准贮备液编号</td>
        <td style="width: 6%;" colspan="2">标准贮备液浓度(mg/L)</td>
        <td style="width: 6%;" colspan="1">贮备液有效日期</td>
        <td style="width: 6%;" colspan="2">移取贮备液体积(μL)</td>
        <td style="width: 6%;" colspan="1">定容体积(mL)</td>
        <td style="width: 6%;" colspan="1">中间液浓度(mg/L)</td>
        <td style="width: 6%;" colspan="1">移取中间液体积（μL）</td>
        <td style="width: 6%;" colspan="1">定容体积(mL)</td>
        <td style="width: 6%;" colspan="1">使用液浓度（mg/L）</td>
        <td style="width: 6%;" colspan="1">标准使用液加入量(μL)</td>
        <td style="width: 6%;" colspan="1">替代物使用液加入量(μL)</td>
        <td style="width: 6%;" colspan="4">定容体积(mL)</td>
        <td style="width: 6%;" colspan="1">曲线浓度（μg/mL）</td>
        <td style="width: 6%;" colspan="1">替代物浓度（μg/mL）</td>
      </tr>
      <tr v-for="rowIndex in 5" :key="rowIndex">
        <td style="width: 5%;" colspan="1">{{ rowIndex }}</td>
        <td style="width: 8%;" colspan="2"></td>
        <td style="width: 10%;" colspan="2"></td>
        <td style="width: 9%;" colspan="1"></td>
        <td style="width: 9%;" colspan="2"></td>
        <td style="width: 5%;" colspan="1"></td>
        <td style="width: 7%;" colspan="1"></td>
        <td style="width: 4%;" colspan="1"></td>
        <td style="width: 4%;" colspan="1"></td>
        <td style="width: 6%;" colspan="1"></td>
        <td style="width: 6%;" colspan="1"></td>
        <td style="width: 10%;" colspan="1"></td>
        <td style="width: 18%;" colspan="4"></td>
        <td style="width: 6%;" colspan="1"></td>
        <td style="width: 16%;" colspan="1"></td>
      </tr>

      <tr style="background-color: #f2f2f2;text-align: center;">
        <td colspan="6" style="width: 5%;">校准曲线（y=a+bx）以及r</td>
        <td colspan="15">曲线信息见</td>
      </tr>
      <tr>
        <td colspan="1" rowspan="3" style="width: 7%;">空白检查</td>
        <td colspan="3" rowspan="3"></td>
        <td colspan="2">样品含量( )</td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="5"style="width: 20%;"></td>
        <td colspan="2"></td>
      </tr>
      <tr>
        <td colspan="2">质控要求</td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="5"style="width: 20%;"></td>
        <td colspan="2"></td>
      </tr>
      <tr>
        <td colspan="2">是否合格</td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="5"style="width: 20%;"></td>
        <td colspan="2"></td>
      </tr>
      <tr>
        <td colspan="1" rowspan="4" style="width: 7%;">曲线校核点测定</td>
        <td colspan="3" rowspan="4"></td>
        <td colspan="2">试样浓度( )</td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="5"style="width: 20%;"></td>
        <td colspan="2"></td>
      </tr>
      <tr>
        <td colspan="2">相对误差(%)</td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="5"style="width: 20%;"></td>
        <td colspan="2"></td>
      </tr>
      <tr>
        <td colspan="2">质控要求</td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="5"style="width: 20%;"></td>
        <td colspan="2"></td>
      </tr>
      <tr>
        <td colspan="2">是否合格</td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="5"style="width: 20%;"></td>
        <td colspan="2"></td>
      </tr>
      <tr>
        <td colspan="1" rowspan="4" style="width: 7%;">平行样测定</td>
        <td colspan="3" rowspan="4"></td>
        <td colspan="2">样品含量( )</td>
        <td colspan="1" style="width: 6%;"></td>
        <td colspan="1" style="width: 7%;"></td>
        <td colspan="1" style="width: 7%;"></td>
        <td colspan="1" style="width: 7%;"></td>
        <td colspan="1" style="width: 7%;"></td>
        <td colspan="1" style="width: 7%;"></td>
        <td colspan="1" style="width: 7%;"></td>
        <td colspan="1" style="width: 7%;"></td>
        <td colspan="1" style="width: 1%;"></td>
        <td colspan="4" style="width: 18%;"></td>
        <td colspan="1" style="width: 11%;"></td>
        <td colspan="1" style="width: 7%;"></td>
      </tr>
      <tr>
        <td colspan="2">
          <input type="checkbox">相对误差<input type="checkbox">_______
        </td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="5"style="width: 20%;"></td>
        <td colspan="2"></td>
      </tr>
      <tr>
        <td colspan="2">质控要求</td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="5"style="width: 20%;"></td>
        <td colspan="2"></td>
      </tr>
      <tr>
        <td colspan="2">是否合格</td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="5"style="width: 20%;"></td>
        <td colspan="2"></td>
      </tr>
      <tr>
        <td colspan="1" rowspan="5" style="width: 7%;"><input type="checkbox">加标回收样测定
          <input type="checkbox">标准样品测定
        </td>
        <td colspan="3" rowspan="5"></td>
        <td colspan="2"><input type="checkbox">加标前/后试样含量( )</td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="5"style="width: 20%;"></td>
        <td colspan="2"></td>
      </tr>
      <tr>
        <td colspan="2"><input type="checkbox">标准样品测定浓度( )</td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="5"style="width: 20%;"></td>
        <td colspan="2"></td>
      </tr>
      <tr>
        <td colspan="2">
          <input type="checkbox">回收率(%)<input type="checkbox">标准值( )
        </td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="5"style="width: 20%;"></td>
        <td colspan="2"></td>
      </tr>
      <tr>
        <td colspan="2">质控要求</td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="5"style="width: 20%;"></td>
        <td colspan="2"></td>
      </tr>
      <tr>
        <td colspan="2">是否合格</td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="5"style="width: 20%;"></td>
        <td colspan="2"></td>
      </tr>
      <tr>
        <td style="width: 10%;" colspan="2">备注</td>
        <td colspan="19"></td>
      </tr>
    </table>
  </el-card>
</template>

<style scoped lang="scss">
.card {
  padding: 20px 25px;
}

.table {
  width: 100%;
  border-collapse: collapse;
  /* 表格边框合并 */
  text-align: left;
  /* 默认左对齐 */
  font-size: 14px;
  /* 字体大小 */
  color: #606266;
  /* 默认字体颜色 */
  margin-bottom: 20px;
}

.table th,
.table td {
  border: 1px solid #c2bfbf;
  /* 表格单元格边框颜色 */
  padding: 12px;
  /* 单元格内边距 */
}

.table th {
  background: #f5f7fa;
  /* 表头背景色 */
  font-weight: 600;
  /* 表头字体加粗 */
  color: #303133;
  /* 表头字体颜色 */
  text-align: center;
  /* 表头居中 */
}

.table td {
  width: 15%;
}

.table-td {
  display: flex;
}

::v-deep .el-input__wrapper {
  background-color: transparent;
  box-shadow: none;
}

::v-deep .el-select__wrapper {
  background-color: transparent;
  box-shadow: none;
}

::v-deep .el-input-group__append {
  background-color: transparent;
  box-shadow: none;
}
</style>
